<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<title>Title</title>
</head>
<body>
<!--header-->
<div>
	<div class="bar">
		<div class="container">
			<div class="toolbar">
				<div class="nav">
					<a>小米商城 </a>
					<span>|</span>
					<a>MIUI</a>
					<span>|</span>
					<a>IoT</a>
					<span>|</span>
					<a>云服务</a>
					<span>|</span>
					<a>天星数科</a>
					<span>|</span>
					<a>有品</a>
					<span>|</span>
					<a>小爱开放平台</a>
					<span>|</span>
					<a>企业团购</a>
					<span>|</span>
					<a>资质证照</a>
					<span>|</span>
					<a>协议规则</a>
					<span>|</span>
					<a>下载app</a>
					<span>|</span>
					<a>智能生活</a>
					<span>|</span>
					<a>Select Location</a>
				</div>
				<div class="cart">
					<a>购物车 </a>
				</div>
				<div class="info">
					<a>登录 </a>
					<span>|</span>
					<a>注册</a>
					<span>|</span>
					<a>消息中心</a>
				</div>
			</div>
		</div>
	</div>

	<div class="site-header">
		<div class="container">
			<div class="header-logo">
				<a>小米商城</a>
			</div>
			<!--头部分类-->
			<div class="header-nav">
				<ul class="nav-list">
					<li class="nav-category">
						<a class="link-category"><span>全部商品分类</span></a>
						<!--最左边的菜单列表-->
						<div class="site-category" style="display: block;">
							<ul class="site-category-list site-category-list-custom">
									<li><a href="#" class="title">手机 电话卡</a></li>
									<li><a href="#" class="title">电视 盒子</a></li>
									<li><a href="#" class="title">笔记本 显示器</a></li>
									<li><a href="#" class="title">家电 插线板</a></li>
									<li><a href="#" class="title">出行 穿戴</a></li>
									<li><a href="#" class="title">智能 路由器</a></li>
									<li><a href="#" class="title">电源 配件</a></li>
									<li><a href="#" class="title">健康 儿童</a></li>
									<li><a href="#" class="title">耳机 音箱</a></li>
									<li><a href="#" class="title">生活 箱包</a></li>
							</ul>
						</div>
					</li>

					<li class="nav-item">
						<a><span class="text">小米手机</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">Redmi 红米</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">电视</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">笔记本</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">家电</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">路由器</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">智能硬件</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">服务</span></a>
					</li>
					<li class="nav-item">
						<a><span class="text">社区</span></a>
					</li>
				</ul>
			</div>

		</div>
	</div>

</div>


</body>
</html>